<template>
    <div class="downLoad">
      <div class="downLoad-img1">
        <img src="https://s1.xmcdn.com/yx/msite-wakeup/last/dist/images/logo3_aa2a80c.png" alt="">
      </div>
      <div class="downLoad-img2">
        <img src="https://s1.xmcdn.com/yx/msite-wakeup/last/dist/images/group_fa3b4c9.png
  " alt="">
      </div>
  
      <!-- 下载体验 -->
      <div class="downLoad-img3">
        <img src="https://s1.xmcdn.com/yx/msite-wakeup/last/dist/images/btn2_13ee5bf.png" alt="">
        <text>已有6亿用户下载</text>
      </div>
      <!-- 底部 -->
      <div class="bottom">
        <text class="txt-top">开发者：喜大（上海）网络科技有限公司</text>
        <div class="txt-bottom">
          <span>版本: V9.1.66</span>
          <a href="javascript:;">用户权限</a>
          <a href="javascript:;">隐私政策</a>
        </div>
      </div>
    </div>
  </template>
  
  <script setup lang="ts">
  
  </script>
  
  <style lang="less" scoped>
  .downLoad {
    .downLoad-img1 {
      img {
        display: block;
        width: 145px;
        height: 132px;
        margin: 0 auto;
        margin-top: 120px;
      }
    }
  
    .downLoad-img2 {
      img {
        display: block;
        width: 280px;
        height: 47px;
        margin: 0 auto;
        margin-top: 60px;
      }
    }
  
    .downLoad-img3 {
      margin-top: 45px;
  
      img {
        display: block;
        width: 160px;
        height: 46px;
        margin: 0 auto;
        animation: popopen 1.2s infinite alternate linear;
        @keyframes popopen {
          from {
            transform: scale(1);
          }
          50% {
            transform: scale(1.1);
          }
          to {
            transform: scale(1   );
          }
        }
      }
  
      text {
        display: block;
        line-height: 1.23;
        font-family: PingFangSC-Regular;
        font-size: 13px;
        color: #96a0ad;
        letter-spacing: 0;
        text-align: center;
        margin-top: 15px;
      }
    }
  
    .bottom {
      color: #202020;
      line-height: 16px;
      font-size: 12px;
      width: 100%;
      text-align: center;
      margin-top: 100px;
      padding-top: 15px;
  
      .txt-top {
        margin-bottom: 8px;
        margin: 0 auto 12px;
      }
      .txt-bottom{
        margin-top: 8px;
        span{
          margin-right: 5px;
        }
        a{
          padding: 0 5px;
          border-left:2px solid rgb(101, 98, 98);
        }
      }
  
    }
  }
  </style>
